<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Cuisine - Restaurant HTML Template</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- Simple-Line-Icons-Webfont -->
		<link href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" rel="stylesheet">
		<!-- FlexSlider -->
		<link href="scripts/FlexSlider/flexslider.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>

		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="icon-close"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
		<header class="header">
			<div class="top">
				<div class="container">
					<div class="left">
						<span>Welcome to our Restaurant</span>
					</div> <!-- end .left -->
					<div class="right">
						<span class="item"><a href="tel:0012345678">00 1234 5678</a></span>
						<span class="item"><a href="mailto:info@tastecousine.com">info@tastecousine.com</a></span>
					</div> <!-- end .right -->
				</div> <!-- end .container -->
			</div> <!-- end .top -->
			<div class="navigation">
				<div class="container clearfix">
					<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Cuisine" class="img-responsive"></a></div> <!-- end .logo -->
					<nav class="main-nav">
						<ul class="list-unstyled">
							<li><a href="index.html">Home</a></li>
							<li>
								<a href="shopgrid.html">Shop</a>
								<ul>
									<li><a href="cart.html">Cart</a></li>
								</ul>
							</li>
							<li>
								<a href="menu.html">Menu</a>
								<ul>
									<li><a href="specialties.html">Specialties</a></li>
									<li><a href="single.html">Single</a></li>
								</ul>
							</li>
							<li>
								<a href="about.html">About Us</a>
								<ul>
									<li><a href="chefs.html">Chefs</a></li>
								</ul>
							</li>
							<li>
								<a href="shortcodes.html">Pages</a>
								<ul>
									<li><a href="shortcodes.html">Shortcodes</a></li>
									<li><a href="events.html">Events</a></li>
									<li><a href="recipe.html">Recipe</a></li>
									<li><a href="recipemain.html">Recipe Main</a></li>
									<li><a href="reservation.html">Reservation</a></li>
								</ul>
							</li>
							<li>
								<a href="blog.html">Blog</a>
								<ul>
									<li><a href="blogpost.html">Blog Post</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav> <!-- end .main-nav -->
					<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				</div> <!-- end .container -->
			</div> <!-- end .navigation -->
		</header> <!-- end .header -->

		<div class="page-title" style="background-image: url('images/background01.jpg');">
			<div class="inner">
				<div class="container">
					<div class="row aligned-cols">
						<div class="col-sm-3 aligned-middle">
							<h2>Cook with Us</h2>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-9">
							<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</p>
						</div> <!-- end .col-sm-9 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section white">
			<div class="inner">
				<div class="container">
					<div class="recipe-top clearfix">
						<span class="recipe-count">46 Recipes</span>
						<span class="recipe-sort">
							Sort By:
							<select>
								<option>Prep Time</option>
								<option>Total Time</option>
								<option>Servings</option>
							</select>
						</span>
					</div> <!-- end .recipe-top -->
					<div class="row">
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe1.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Tasty Breakfast</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>12 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>15 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>1</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe2.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Blueberry Toast</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe3.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Healthy Steak</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe4.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Greeny Salad</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe1.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Tasty Breakfast</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>12 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>15 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>1</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe2.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Blueberry Toast</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe3.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Healthy Steak</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<div class="recipe">
								<div class="image">
									<img src="images/recipe4.jpg" alt="alt text here" class="img-responsive">
									<div class="overlay"><a href="" class="button white">View More</a></div>
								</div> <!-- end .image -->
								<h5>Greeny Salad</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies vel lectus vitae blandit. Cras in leo pos tempor.</p>
								<div class="recipe-details row">
									<div class="col-xs-4">Prep Time</div>
									<div class="col-xs-8"><b>48 Minutes</b></div>
									<div class="col-xs-4">Total Time</div>
									<div class="col-xs-8"><b>1 Hour 13 Minutes</b></div>
									<div class="col-xs-4">Servings</div>
									<div class="col-xs-8"><b>4</b></div>
								</div> <!-- end .recipe-details -->
								<div class="recipe-author"><img src="images/recipe-author.jpg" alt="josh tissonay">Josh Tissonay</div>
							</div> <!-- end .specialty -->
						</div> <!-- end .col-sm-3 -->
					</div> <!-- end .row -->
					<nav>
						<ul class="pager">
							<li class="previous"><a href="#">Last Page</a></li>
							<li class="next"><a href="#">Next Page</a></li>
							<li class="page-number">Page 2</li>
						</ul>
					</nav>
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section small text-center dark transparent parallax" style="background-image: url('images/background02.jpg');">
			<div class="inner">
				<div class="container">
					<div class="call-to-action">
						<h3>Ready to make a reservation?</h3>
						<a href="" class="button solid brown">Book a Table</a>
					</div> <!-- end .call-to-action -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<h6>Address</h6>
						<p>Taste Cuisine Restaurant</p>
						<p>100 Mars Street</p>
						<p>10300 Venus, Milky Way</p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Social Media</h6>
						<p><a href="">Facebook.com/Cuisine</a></p>
						<p><a href="">Instagram.com/Cuisine</a></p>
						<p><a href="">FourSquare.com/Cuisine</a></p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Open Hours</h6>
						<div class="row">
							<div class="col-xs-6">
								<p>Monday - Friday</p>
								<p>Saturdays</p>
								<p>Sundays</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>07 - 23</b></p>
								<p><b>07 - 24</b></p>
								<p><b>Closed</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Contact</h6>
						<p><a href="mailto:info@tastecuisine.com">info@tastecuisine.com</a></p>
						<div class="row">
							<div class="col-xs-6">
								<p>Booking</p>
								<p>Information</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>00 1234 5678</b></p>
								<p><b>00 2345 6780</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
				</div> <!-- end .row -->
			</div> <!-- end .container -->
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-1.11.2.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- google maps -->
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<!-- FlexSlider -->
		<script src="scripts/FlexSlider/jquery.flexslider-min.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- Isotope -->
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>